@charset "utf-8";html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color: transparent;}
body{margin:0;background: #ffffff;font-family:'PingFang SC', 'Lantinghei SC', 'Helvetica', 'Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'sans-serif'}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
a{background-color:transparent;text-decoration:none;color:#333}
a:active,a:hover{outline:0;text-decoration:none}
img{border:0;max-width:100%;}
ul,li,dl,dt,dd{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0; font-size: 14px;line-height: 22px;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;font-size: 0;}
.fg{font-size: 14px; background: #ffffff;}
.piframe{color: #fff;}
@font-face {font-family: "iconfont";
  src: url('font2017/iconfont.eot?t=1493548749880'); /* IE9*/
  src: url('font2017/iconfont.eot?t=1493548749880#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font2017/iconfont.woff?t=1493548749880') format('woff'), /* chrome, firefox */
  url('font2017/iconfont.ttf?t=1493548749880') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('font2017/iconfont.svg?t=1493548749880#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:20px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e66f"; }
.icon-xie:before { content: "\e601"; }
.icon-gengduo:before { content: "\e622"; }
.icon-home:before { content: "\e620"; }
.icon-fenxiang:before { content: "\e639"; }
.icon-iconfontkongjian:before { content: "\e60d"; }
.icon-zuanshi:before { content: "\e697"; }
.icon-xingxing:before { content: "\e60c"; }
.icon-duihua:before { content: "\e60b"; }
.icon-icon06:before { content: "\e647"; }
.icon-xinlang-copy:before { content: "\e686"; }
.icon-yanjing:before { content: "\e614"; }
.icon-maikefeng:before { content: "\e65f"; }
.icon-xingxing1:before { content: "\e645"; }
.icon-bi:before { content: "\e63e"; }
.icon-biaoqian:before { content: "\e612"; }
.icon-fenxiang1:before { content: "\e600"; }
.icon-tanhao:before { content: "\e793"; }
.icon-Add-critical-process:before { content: "\e65d"; }
.icon-ceshi:before { content: "\e607"; }
.icon-tuwen:before { content: "\e606"; }
.icon-Up:before { content: "\e621"; }
.icon-huangguan:before { content: "\e609"; }
.icon-simple:before { content: "\e608"; }
.icon-original:before { content: "\e60a"; }

/*headstar*/
header,.fg-main,.fg-footer{width: 100%;}
header{background: #1D1D1F;margin: 0 auto;position:relative;z-index: 3;}
.fg-header{width:100%;height: 50px;position:relative;z-index:1;margin: 0 auto;}
.fg-header a{display:block;}
.nav-more,.fg-logo,.fg-other-icon{ float: left;height: 50px;}
.nav-more{cursor:pointer;width: 48px;border-right: 1px solid #333;background:url(/statics/images/fgindex2017/fg-index-icon.png) 13px 13px no-repeat;float: left;position:relative;}
.nav-more:after{content:"";height:50px;border-right: 1px solid #000;position: absolute;top:0;right:0;}
.fg-nav{position: absolute;width: 100%;left:0;top:50px;text-align: center;display: none;background: #1D1D1F;opacity: 0.98;}
.fg-nav li{ height: 36px;line-height: 36px;border-bottom: 1px solid #111;border-top: 1px solid #333;font-size: 14px;color: #ddd;}
.fg-nav li:hover{background: #222;color: #fff}
.fg-nav li a{color: #ddd;}
.fg-nav li a:hover{color: #fff;}
.fg-nav li.father{ position: relative;cursor: pointer;}
.fg-nav li.father:before{ content: "";display: block;width:0;height:0;border-width:4px;border-style:solid;border-color:#fff transparent transparent transparent;position: absolute;right:14px;top:50%;margin-top: -2px;}
.fg-nav li.father:hover:before{margin-top: -8px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s}
.fg-nav li.father ul{display: none;background:rgba(51,51,51,0.958);background:#1D1D1F \9;position: absolute;left:-50%;width:100px;margin-left: 20px;border-radius: 3px;box-shadow: 1px 1px 1px #000;border-top: 1px solid #000; border-left: 0;border-right: 0}
.fg-nav li.father li{height: 34px;line-height: 34px;border-bottom:1px solid #000;border-top:1px solid #333;border-left: none;border-right:none;float: none;}
.fg-nav li.father li:last-child{border-bottom: 0;}
.fg-nav li.father:hover ul{ display: block;}
.fg-sub{display:none;}
.fg-sub li{float: left;padding: 0 20px;line-height: 39px;height: 39px;}
.fg-sub li a{color: #fff;}
.fg-sub li.zhiku,.fg-sub li.chuangtou,.fg-sub li.iof-logo{position: relative; color: #fff;}
.fg-sub li.zhiku:before,.fg-sub li.chuangtou:before,.fg-sub li.iof-logo:before{content:"";border-radius:50%;width: 0; height: 0;font-size: 0;border-width: 4px; border-style: solid;position: absolute;left: 3px;top: 16px;}
.fg-sub li.zhiku:before{border-color: #00D9A3;border-color:transparent transparent transparent #00D9A3 \9; }
.fg-sub li.chuangtou:before{border-color:#FF0000;}
.fg-sub li.iof-logo:before{border-color:#FFCC00;}
.fg-sub .father{ position: relative;padding-right: 27px; }
.fg-sub .father:after{ content: ""; display: block;width:0;height:0;border-width:4px;border-style:solid; border-color:#fff transparent transparent transparent; position: absolute;right:14px; top:50%;margin-top: -2px;}
.fg-sub .father:hover:after{margin-top: -8px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;transition:all .25s ease 0s}

.fg-logo{width:100%;text-align:center;position: absolute;top: 0;left: 0;z-index: -1;}
.fg-logo img{height: 45px;max-width: none;}
.fg-logo .fg-slogan{display: none;}
.fg-other-icon{background: #1D1D1F;border-left:1px solid #000;border-right: 1px solid #333;float: right;position: relative;}
.fg-other-icon ul{float:right;}
.fg-other-icon li{cursor: pointer;float: left;width:48px;height:50px;border-left:1px solid #333;border-right: 1px solid #000;background: url(/statics/images/fgindex2017/fg-index-icon.png) 13px 13px no-repeat;}
.fg-other-icon li.search{background-position: 13px -33px;position: relative;z-index: 1}
.fg-other-icon li.wechart{background-position: 13px -78px;display:none;position: relative;z-index: 1;}
.fg-other-icon li.wechart .code2{opacity: 0;width:100px;height:100px;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-moz-transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-webkit-transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-o-transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);background:#1D1D1F;padding: 10px;visibility: hidden;position: absolute;top:50px;left: 50%;margin-left: -61px;}
.fg-other-icon li.wechart:hover .code2{visibility: visible;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.fg-other-icon li.weibo{background-position: 13px -124px;display: none;position: relative;z-index: 1}
.fg-other-icon li.fg-more{background-position: 15px 17px;background-position: 13px 13px \9;background-size: 200px;display: none;position: relative;z-index: 1}
.fg-other-icon li.user{background:none;display: none;}
.fg-other-icon li iframe{ position:absolute;right: 0;top: 0;z-index: 0;width: 80px;height: 190px;}
.fg-search{padding: 10px;display: none;}
.fg-search form{width:300px;height: 34px;line-height: 34px;margin:0 auto;border:1px solid #e5e5e5;border-radius:4px;overflow: hidden;background: #fff;}
.fg-search .fg-search-text{width:225px;height: 32px;line-height: 32px \9;color: #999;font-size: 12px;padding-left: 10px;background: #fff;border:0;}
.fg-search .fg-search-btn{width: 60px;height:34px;line-height: 32px;color:#fff;font-size:14px;border:0;background: rgba(255,0,0,0.4);background:#E17576 \9;}
.mini{width: 100%;height: 100%; background: #222; position: fixed;top:0;left:0;z-index:3; display: none;}
.mini-in-nav{margin: 20px;}	
.mini-top .close{float:left;width:40px;height:40px;background: url(/statics/images/fgindex2017/fg-index-icon.png) -50px -186px no-repeat; cursor: pointer;}
.mini-top .login{float: right;width: 200px;text-align: right;}
.mini-top .login span{margin-left:10px;}
.mini-top .login a{font-size: 14px;color:#FF4D4D;}
.mini-top .login .index{background: url(/statics/images/fgindex2017/fg-index-icon.png) -105px -186px no-repeat; padding-left:24px;}
.mini-top .login .index a{color: #fff;}
.mini-in-nav .search{width:100%;height: 38px; background: #444;}
.mini-in-nav .search .fg-search-text{width:70%;height: 36px;line-height:36px \9;font-size:14px;border:0;background: #444;color: #ccc;padding-left: 10px;}
.mini-in-nav .search .fg-search-btn{width:48px;height:36px;border:0;background:url(/statics/images/fgindex2017/fg-index-icon.png) 13px -37px no-repeat; }
.mini-in-nav .fg-sub{display: block; margin-top: 20px; width: 100%;}
.mini-in-nav .column{margin-top: 20px;overflow: hidden; width: 100%;}
.exclusive{float: left;width:30%;margin-right:1%; }
.it{float: left;width: 69%;}
.exclusive li,.it li {margin-bottom: 1px; background: #333; height: 34px; line-height:34px;text-align: center;}
.exclusive li a,.it li a{color: #fff;font-size: 14px;}
.exclusive li.tit{background: #FF2626;}	
.exclusive li:nth-child(2){margin-top: -1px;}
.it .tit{background: #444;height: 34px; line-height:34px;text-align: center;}	
.it .tit a{color: #fff;font-size: 14px;}
.it .column-list{width: 102%;}
.it .column-list ul{float: left; height: 243px;}
.it .column-list ul.co-2{width: 24%; margin-right: 1px;}
.it .column-list ul.co-3{width: 31%; margin-right: 1px;}
.it .column-list ul.co-4{width: 43%;}	
/*head end*/
.banner li{ position: relative;}
.banner li a{display: block;}
.banner li img{display: block;}
.banner li h2{position: absolute;bottom: 30px;left: 0;color: #eee;z-index: 1;padding: 5px 20px;}
.banner-bg{background: url(/statics/images/fgindex2017/banner1_bg.png) repeat-x 0 100%;width: 100%;height: 100%;position: absolute;bottom: 0 ;left: 0;z-index: 0}
.fg-area{margin:20px 10px;}
.fg-area img{display: block;}
.fg-column{margin-bottom: 20px;}
.fg-column li{height: 30px; line-height: 30px;float: left; background: #F6F6F6;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;width:-moz-calc(25% - 2px); width:-webkit-calc(25% - 2px);  width:calc(25% - 2px); text-align: center;}
.fg-column li a{color:#777777;}
.fg-column li.cur{background: #089AFD;}
.fg-column li.cur a{color: #fff;}
.fg-list a{color:#666666;}
.fg-list li{margin-bottom: 15px;}
.fg-list li.nopic{background: #f8f8f8;border-radius: 5px;padding: 20px 10px;}
.fg-list li.nopic .listtext{width:calc(100% - 10px);}
.fg-list li .banner-bg{display: none;}
.fg-list .listpic{width: 35%;float: left; position: relative; overflow: hidden;}
.fg-list .listpic a,.fg-list .listpic img{display: block;}
.fg-list .listpic .sort{position: absolute; left: 0; top: 0; background:rgba(0,0,0,.6);}
.fg-list .listpic .sort a{font-size: 12px; color: #fff; padding: 0  3px; line-height: 22px; display: block;}
.fg-list .listtext{width:calc(65% - 10px);float: left;padding-left: 10px;}
.fg-list .listtext h4 span{color: #fff;background: #EC2E30;border-radius: 3px;padding: 2px 5px; font-size: 12px; margin-right: 6px;}
.fg-list .listtext h4 span.tag{font-size:inherit;color:#EC2E30;background: none; margin-right: 0;padding: 0;}
.fg-list .listtext p{display: none;}
.headline{margin:10px 10px 0 10px;}
.more{margin-top:20px;height: 30px; line-height: 30px;background: #FAFAFA;border:1px solid #089AFD;text-align: center; border-radius: 3px; cursor: pointer;
transition:background,color 2s;-moz-transition:background,color 2s; -webkit-transition:background,color 2s;
-o-transition:background,color 2s; color: #089AFD;}
.more:hover{  color: #fff;background:#089AFD;}
.fg-side,.fg-side a{line-height: 24px; color: #666666;}
.block-tit{height: 36px; line-height:36px; border-bottom:1px solid #E9E9E9; color: #555555; font-size: 16px; margin-bottom: 30px; margin-top: 15px ; padding-left: 50px; position: relative;}
.block-tit span{display: inline-block;width: 36px; height: 36px; line-height: 36px; text-align: center; border:1px solid #E9E9E9; border-radius: 100%;background: #fff; position: absolute;left: 0;top: 6px; box-shadow: -10px 0 1px 6px #fff;color: #E9E9E9;}
.block-tit span:before{content: ""; width: 6px; height: 10px; background: #fff;position: absolute;right: -2px; bottom: 7px;}
.block-tit em{ font-style: normal; position: absolute;right: 0; bottom: 0; font-size: 12px; color: #aaaaaa; font-family: "Arial";}
.info ul{ border-left:1px solid #EEEEEE;}
.info li{position: relative; padding: 6px 0 6px 10px;}
.info li:before{content:"";width: 5px; height: 5px;background: #fff; border-width: 1px;border-color: #999;border-style: solid; border-radius: 100%; position: absolute;z-index:1;left:-4px; top: 12px;
}
.info li:after{content:"";width: 15px; height: 15px;border:1px solid #EC7F7F; opacity:0; border-radius: 100%; position: absolute;left:-9px; top: 7px; 
transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s; -o-transition:opacity 1s; }
.info li:hover{ background: #F6F6F6;}
.info li:hover .infotitle{color: #666666;}
.info li:hover:before{background:#D90000;border-color:#D90000;}
.info li:hover:after{opacity:0.8;}
.info li a{color: #999999;}
.info li em{font-size: 12px;font-style:inherit; font-family: "Georgia";}
.info li span{color: #EC2E30;border:1px solid #EC2E30; border-radius: 3px;font-size: 12px;padding:0 5px; position: absolute; right: 0;}
.info li .infotitle{margin: 10px 0;}
.info li .recommend{position: absolute;right: 10px;top: 10px; color:#D90000;border:1px solid #EC7F7F; border-radius: 3px;padding: 0 7px;font-size: 12px; line-height: 18px;}
.info .block-tit{background: url(/statics/images/fgindex2017/fg-index-icon.png) 0 -225px no-repeat; padding-left:36px;}
.topic{position: relative;}
.topictit{ position: absolute;left:0; top: -80px; width: 0;height: 0; font-size: 0; line-height:0;border-width: 156px 92px;border-color: #fff transparent transparent transparent; border-style: solid; }
.topictit:after{ position: absolute;left: -80px;top:-156px;content: ""; width: 0;height: 0; font-size: 0; line-height:0; overflow: hidden; border-width: 138px 80px;border-color: #D03E49 transparent transparent transparent; border-style: solid; }
.triangle{width: 100%;position: absolute;}
.triangle div{ position: absolute; width: 0;height: 0; font-size: 0; line-height:0; overflow: hidden; border-width: 20px 11px;border-color: transparent transparent #D03E49 transparent; border-style: solid; }
.triangle .left{border-width: 30px 18px;left: 166px;top: -110px;}
.triangle .right{left: 30px;}
.triangle img{position: absolute;left: 66px;top: -55px; width: 220px;}
.topiccon{background: #D03E49;margin-top: 80px;}
.topiccon a{color: #fff;}
.topiccon p{padding: 20px; margin: 0; text-align: center;}
.topicbtn{text-align: center;padding-bottom: 20px;}
.topicbtn a{background: #089AFD;border-radius: 3px; display:inline-block; padding: 5px 10px}
.textlist ul{background: #F5F5F5;}
.textlist li{line-height: 20px;padding:20px 20px;}
.textlist li a{color: #666666;}
.textlist li:nth-child(2n){background: #FAFAFA;}
.fg-wemedia dl{background: #FAFAFA; border:1px solid #F5F5F5; padding: 0px 20px 20px 20px;margin-top: 55px;}
.fg-wemedia dt{text-align: center;margin-top: -35px;}
.fg-wemedia .photo img{width: 70px;height: 70px; border-radius: 100%;margin-left:38%;margin-left: -moz-calc(50% - 35px);margin-left: -webkit-calc(50% - 35px);margin-left: calc(50% - 35px);}
.fg-wemedia .name{margin: 10px 0;}
.fg-wemedia .name a{font-size: 16px; color: #545454;}
.fg-wemedia dd{border-left:1px solid #BBBBBB; line-height: 24px; position: relative; padding:0 15px 20px 15px;}
.fg-wemedia dd:before{content:"";background:#BBBBBB;width: 3px; height: 1px; border:5px solid #FAFAFA; position: absolute;left: -7px; top: 0;}
.fg-wemedia dd.wemore{padding: 0 15px; font-weight: bold;}
.fg-wemedia dd.wemore:before{width: 5px; left: -8px; top: 5px;}
.fg-wemedia dd.wemore:after{content:"";background:#BBBBBB;width: 1px; height: 5px; position: absolute;left: -1px; top: 8px;}
.piclist ul{background: #F5F5F5;clear: none;}
.piclist li{position: relative;}
/*.piclist li:before{content: ""; width:-moz-calc(100% - 41px); width:-webkit-calc(100% - 41px); width:calc(100% - 41px); height:-moz-calc(100% - 41px);height:-webkit-calc(100% - 41px);height:calc(100% - 41px); border:1px solid #fff;position: absolute;left: 20px; top: 20px; opacity: 0.3;}
*/
.piclist li .pltit{background: #fff; padding: 10px; margin:0 40px 40px 40px; position: relative; margin-top: -20px;}
.iconlist ul{margin-left: -5px; margin-right: -5px;}
.iconlist li{float: left; width: -moz-calc(20% - 10px);width: -webkit-calc(20% - 10px);width: calc(20% - 10px); margin:0 5px 10px 5px; border-radius: 3px; overflow: hidden;}
.fg-iv li{background: #F6F6F6; border-top-left-radius: 45px; border-bottom-left-radius: 45px; margin-bottom: 20px;}
.ivphoto{width: 90px; float: left;margin-right: 10px;}
.ivphoto img{width: 90px; height: 90px; border-radius: 100%;}
.ivinfo{width:65%; width: -moz-calc(100% - 110px);width: -webkit-calc(100% - 110px);width: calc(100% - 110px); float: left;}
.ivinfo .ivname{font-size: 16px; color: #333333; padding-top:8px;}
.keylist li{float: left;margin-right: 10px; margin-bottom: 10px; border:1px solid #68727D; border-radius: 15px; padding: 0 15px;}
.mCustomScrollBox {margin-left: -8px;}
#mCSB_1_container{padding-left: 8px;}
/*===========footer=============*/
footer{padding: 10px;background: #23282D;}
.fg-footer{width: 100%;min-height: 50px;}
.foot-logo,.foot-text,.copyright,.about{width: 100%;text-align: left;}
.copyright{ line-height:24px;font-size: 12px;color: #999;margin: 10px 0;}
.about{height: 30px;}
.about li{ font-size: 14px;float: left;margin-right:20px;}
.about li a{ color: #fff;font-size: 12px;}
.about li a:hover{ color: #aaa;}
.fixed-tools{display: none;}
.fixed-tools div{display: none;cursor: pointer;}
#infscr-loading {  text-align: center;z-index: 200;position: absolute;left: 50%;bottom:-50px;width: 100px;padding: 10px;background: #000;margin-left: -60px;margin-bottom: 20px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);opacity: 0.8;color: #FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

@media screen and (min-width: 400px){
.banner li h2{width: auto;white-space: normal;overflow:auto;}
.headline{margin: 20px;}
.headline li{margin-bottom: 20px;}
.triangle img{width:auto; left: 58px; top: -65px;}
}
@media screen and (min-width: 440px){
.fg,h2,h3,h4{font-size: 15px;}
}
@media screen and (min-width: 480px){
.fg-other-icon{ float: right;border-right: 0;}
.fg-other-icon li.user{display:block;border-right: 0;}
.fg,h2,h3,h4{font-size: 16px;}
}
@media screen and (min-width: 640px){
body{background: #f8f8f8;}
.fg,h2,h3,h4{font-size: 18px; line-height: 28px; height: auto;}
.fg{width: 640px; margin: 0 auto;}
.headline p{ display: block;}
.fg-column li{height: 40px; line-height: 40px;}
.fg-list li{ margin-bottom: 20px;}
.fg-list .listtext {width: -moz-calc(65% - 20px);width: -webkit-calc(65% - 20px);width: calc(65% - 20px);padding-left: 20px;}
.fg-list .listtext h4 a{color: #555555; }
.fg-list .listtext h4 a:hover{ color: #089AFD;border-radius: 10px;}
.fg-list .listtext h4 span{padding: 2px 6px; font-size: 14px;}
.fg-list .listtext p{display: block; color: #787878; font-size: 12px; position: relative;}
.fg-list .listtext p a{color: #787878;margin-right: 5px;}
.fg-list .listtext p a:hover{color: #089AFD;}
.fg-list .listtext p .date{font-family: "Georgia";color: #aaa; display: inline-block;}

}
@media screen and (min-width: 768px){
.fg-header{height: auto; }
.nav-more{display: none;}
.fg-nav{display:block;position: relative; top: 0; float: left;text-align: left;}
.fg-nav ul{border-left:1px solid #000;display:block;border-right: 1px solid #333; float: left; }
.fg-nav li{float: left;border-left:1px solid #333;border-right: 1px solid #000;padding: 0 17px;border-top:0;border-bottom: 0; height: 50px; line-height: 50px; }
.fg-nav li.index{background: #D90000;}
.fg-nav li.father{ padding-right: 27px;}
.fg-nav li.father li{text-align: center;}
.fg-logo{height:66px;border-bottom: 1px solid #333;z-index: 1; position: relative;}
.fg-logo:after{content: ""; position: absolute;bottom:0;left: 0;border-bottom: 1px solid #000;width: 100%;}
.fg-logo img{height:57px;}
.fg-sub{display:block; width: 280px;float:left;}
.fg-other-icon{position: absolute;top:15px;right: 0;z-index: 2; height: 49px;border-top:1px solid #000;}
.fg-other-icon:before{content: "";width: 100%; position:absolute;left:0;top:0;border-top: 1px solid #333;}
.fg-other-icon li.wechart{display:block;}
.fg-other-icon li.weibo,.fg-other-icon li.fg-more{display:block;}
.fg-other-icon li.weibo a{display:block;width: 50px; height: 50px;}
footer{padding: 0 20px; position: relative;z-index: 1;}
.fg-footer{width: 768px;}
.foot-logo, .foot-text, .copyright, .about{text-align: left;}
.about{width: 490px;}
.foot-logo{width: 25%;margin-top: 5px;}
.foot-text{width: 70%;}
.copyright{float: left;}
.about{margin-left: 0; float: left;}
.about li{margin-right: 20px;margin-left: 0;}
}
@media screen and (min-width: 980px){
body{background: #fff;}
#lists .listpic img{height: 121px;max-width: none;margin-left: 0;}
.fg-sub{float:left;}
.fg-other-icon{border-top: 0; top:67px;}
.fg-other-icon:before{display: none;}
.fg{width: 960px;margin-top: 20px; margin-bottom: 20px;}
.fg-area{margin: 0;margin-top: 20px;}
.fg-main{width: 610px; float: left; margin-right: 30px;}
.fg-list .listpic .sort{left: 10px;top: 10px; border-radius: 10px;padding-left: 5px; padding-right: 5px;}
.fg-list .listtext {width: 61%; width: -moz-calc(65% - 20px);width: -webkit-calc(65% - 20px);width: calc(65% - 20px);padding-left: 20px;}
.more{height: 40px; line-height: 40px;}
.fg-side{width: 320px; float: left;font-size: 15px;}
.fg-side .info{display: none;}
.block-tit{font-size: 20px;}
.block-tit span{width: 40px;height: 40px;  line-height: 40px;}
.block-tit span:before{bottom: 11px;}
.block-tit em{bottom: 5px;}
.fg-column li{font-size: 14px; width: 19.5%; width: -moz-calc(20% - 2px);width: calc(20% - 2px);width: calc(20% - 2px);}
.fg-column li a:hover{color: #089AFD}
.fg-column li.cur a:hover{color: #fff;}
.info li .infotitle{font-size: 14px;}
.info .block-tit{margin-top: 0;}
.topiccon p{font-size: 18px; line-height: 28px;font-weight: bold;}
.fg-focus{overflow: hidden;}
.banner{width: 640px; /*height: 364px; */float: left; overflow: hidden;}
.headline{margin: 0; width: 320px; height:364px; overflow: hidden; float: left;}
.headline li{margin-bottom: 0; position: relative;}
.headline li .banner-bg{display: block; opacity: 1; }
.headline .listpic{width: 100%;}
.headline .listpic img{height: 182px; max-width: none;}
.headline .listtext {position: absolute;bottom:20px;;width:80%; padding-left: 20px;padding-right: 20px; height: 60px;overflow: hidden; opacity: 0.5;transition:opacity 2s;}
.headline .listtext h4 a{color: #eee; font-size: 16px;}
.headline .listtext h4 a:hover{background: none; color: #fff;}
.headline .listtext p{display: none;}
.headline li:hover .listtext{opacity: 1;}
.headline .listpic .sort{display: none;}
.banner li img ,.headline .listpic img{transition: transform .7s;}
.banner li:hover img,.headline li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); }
#two{display: none;}
footer{padding: 0;}
.fg-footer{width: 960px; margin: 0 auto; overflow: hidden;}
.foot-logo{width: 100px; margin-top: 0;}
.foot-logo img{height: 40px;max-width: none;}
.foot-text{width: 850px;}
.copyright,.about{height: 50px;line-height: 50px;}
.copyright{width: 44%;}
.about {width: 56%; }
.copyright{margin:0; }
.about{float: right;}
.about li{margin-left: 20px;margin-right: 0;float: right; height:50px;}
}
@media screen and (min-width: 1280px){
.fg-header{height: 60px;width: 1200px;}
.fg-logo{width: 140px; height: 58px;border-bottom: 0; position: static;}
.fg-logo:after{ border-bottom: 0;}
.fg-nav{width: auto;}
.fg-nav,.fg-other-icon{height: 60px;top: 0;}
.fg-nav{margin-left:50px; position: static;}
.fg-nav:after{height: 60px;}
.fg-nav li,.fg-sub li,.fg-other-icon li{height: 60px; line-height: 60px;}
.fg-sub li.zhiku:before, .fg-sub li.chuangtou:before,.fg-sub li.iof-logo:before{top: 28px;}
.fg-sub li.iof-logo{background-position: -88px -36px;}
.fg-sub li.iof-logo a{height: 60px;}
.fg-other-icon{border-right:1px solid #333;}
.fg-other-icon li.search{background-position: 13px -26px;}
.fg-other-icon li.wechart{background-position: 13px -71px;}
.fg-other-icon li.wechart .code2{top: 50px;}
.fg-other-icon li.weibo{background-position: 13px -118px;}
.fg-other-icon li.weibo a{ height: 60px;}
.fg-other-icon li.fg-more{background-position: 15px 22px;}
.fg-other-icon li.user{background-position: 13px -163px;border-right: 1px solid #000;}
.fg-other-icon li iframe{right: -1px; width: 100px;}
.fg{width: 100%; margin-top: 0;}
.fg-focus{width: 100%;  position: relative;height: auto;}
.banner{width: 50%;margin-left:25%;}
.banner li img{width: 100%;}
.banner li h2{ widhth:94%;width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px);width: calc(100% - 40px);text-align: center; }
.headline{width:25.5%; height: auto; width: -moz-calc(25% + 2px);width: -webkit-calc(25% + 2px);width:calc(25% + 2px);}
.headline li{width: 100%; float: left; overflow: hidden;} 
.headline .listpic img{width: 100%; height: auto;max-height:auto;}
.headline .listtext{ padding: 0 20px; width:89%; width: -moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);width: calc(100% - 40px);}
#one{position: absolute;left: 0; top: 0;}
#two{display:block;position: absolute; left: 75%;left: -moz-calc(75% - 2px); left: -webkit-calc(75% - 2px);left:calc(75% - 2px);top: 0; }
.fg-area{width: 1200px; margin-left:auto; margin-right:auto; position:relative;}
.fg-main{margin-left: 240px;}
.fg-side .info{position: absolute;left: 0;top: 0; width: 210px; z-index: 0; display: block;}
.top{position: fixed;top: 0;width: 210px; margin-top: 0;z-index: 100;}
}
@media screen and (min-width: 1440px;){
.fg-header{height: 60px;width: 1380px;}
.fg-logo{width: 350px;}
.fg-logo a{display: block;float: left;}
.fg-logo .fg-slogan{display: none;}
.fg-logo img{float: left;}
.fg-logo .fg-slogan{height: auto;margin-top: 24px;margin-left: 16px; display: block;}
.fg-footer{width: 1380;}
.foot-text{width: 1280px;}
}